<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Bienvenidos a compra y venta de musica!</title>

	<style type="text/css">

	::selection{ background-color: #E13300; color: white; }
	::moz-selection{ background-color: #E13300; color: white; }
	::webkit-selection{ background-color: #E13300; color: white; }

	body {
		background-color: #fff;
		margin: 40px;
		font: 13px/20px normal Helvetica, Arial, sans-serif;
		color: #4F5155;
	}

	a {
		color: #003399;
		background-color: transparent;
		font-weight: normal;
	}

	h1 {
		color: #444;
		background-color: transparent;
		border-bottom: 1px solid #D0D0D0;
		font-size: 19px;
		font-weight: normal;
		margin: 0 0 14px 0;
		padding: 14px 15px 10px 15px;
	}

	code {
		font-family: Consolas, Monaco, Courier New, Courier, monospace;
		font-size: 12px;
		background-color: #f9f9f9;
		border: 1px solid #D0D0D0;
		color: #002166;
		display: block;
		margin: 14px 0 14px 0;
		padding: 12px 10px 12px 10px;
	}

	#body{
		margin: 0 15px 0 15px;
	}
	
	p.footer{
		text-align: right;
		font-size: 11px;
		border-top: 1px solid #D0D0D0;
		line-height: 32px;
		padding: 0 10px 0 10px;
		margin: 20px 0 0 0;
	}
	p.texto
	{
		padding:15px;
	}
	#container{
		margin-top:-174px;
		width:800px;
		margin-left:200px;
		border: 1px solid #D0D0D0;
		-webkit-box-shadow: 0 0 3px #D0D0D0;
	}
	#menu-top
	{
		height:100px;
		background-color:blue;
	}
	#menu-left
	{
		margin-top:20px;
		width:180px;
		-webkit-box-shadow: 0 0 10px #D0D0D0;
		border: 1px solid #D0D0D0;
	}
	form
	{
		padding:10px;
	}
	</style>
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
	<script type="text/javascript">
	function enviar(idcliente)
	{
		var parametros={"idcliente":idcliente};
		$.ajax({
				data: parametros,
				url: 'vercliente/vcliente',
				type: 'post',
				beforeSend: function()
				{
					$("#resultado").html("Procesando datos, espere porfa");
				},
				success: function(response)
				{
						$("#resultado").html(response);
				}
			});
	}
	function validar(idcliente)
	{
		if (idcliente== '') 
		{
			alert("Debe insertar un ID");
			return false;
		}
		if(isNaN(parseInt(idcliente)))
		{
			alert("Debe insertar un numero");
			return false;
		}
		else 
		{
			return true;
		}
	}
	</script>
	<?php echo anchor("principal/logout","Salir ".$_SESSION["host"]);?>
</head>
<body>
<div id="menu-left">
	<h1>Menu<h1>
	<code><?php echo anchor("modificar/modificar","Atras");?></code>
</div>
<div id="container">
	<h1>Insertar ID</h1>
		<ul>
			<li><label>ID Cliente: </label><input type="text" maxlength="4" id="idcliente"/></li></br>
		</ul>
			<input type="button" onclick="if(validar($('#idcliente').val())){enviar($('#idcliente').val());} return false;" value="Enviar" /></br>
				<span id="resultado"></span>
	<p class="footer">Page rendered in <strong>{elapsed_time}</strong> seconds</p>
</div>

</body>
</html>